<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="keywords" content="{% block keywords %}{% endblock %}"/>
    <meta name="description" content="{% block description %}{% endblock %}"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="{{ 'css/style.css'|tl_static }}" rel="stylesheet">
    <link href="{{ 'css/swiper.css'|tl_static }}" rel="stylesheet">
    <script src="{{ 'js/jquery.js'|tl_static }}"></script>
    <script src="{{ 'js/comm.js'|tl_static }}"></script>
    <script src="{{ 'js/sticky.js'|tl_static }}"></script>
    <script src="{{ 'js/aside-sticky.js'|tl_static }}"></script>
    <script src="{{ 'js/Swiper.js'|tl_static }}"></script>
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
<div class="topbar">
    <ul>
        <li><a href="{{ url_for('webapp_bp.separate_article',path='cooperation') }}">商务合作</a></li>
        <li><a href="{{ url_for('webapp_bp.separate_article',path='copyright') }}">版权声明</a></li>
        <li><a href="{{ url_for('webapp_bp.separate_article',path='contact') }}">联系我们</a></li>
        <li><a href="{{ url_for('webapp_bp.separate_article',path='about') }}">关于我们</a></li>
    </ul>
</div>
<article style="position: relative;">
    <nav>
        <div class="topnav">
            <a href="{{ url_for('webapp_bp.index_page') }}" class="logo" title="{{ public.system.web_name }}"><img src="{{ public.system.web_logo }}" alt="{{ public.system.web_name }}"></a>
            <ul id="starlist">
                <li><a href="{{ url_for('webapp_bp.index_page') }}" target="_blank">网站首页</a></li>
                {% for foo in public.column %}
                    {% if foo.column_link %}
                    <li><a href="{{ foo.column_link }}">{{ foo.column_name }}</a></li>
                    {% else %}
                    <li><a href="{{ url_for('webapp_bp.list_article_page',cid=foo.column_ID) }}">{{ foo.column_name }}</a></li>
                    {% endif %}
                {% endfor %}
            </ul>
        </div>
        <span></span></nav>
    <div class="box_l">
{% block content %}{% endblock %}
    </div>
    <aside class="box_r" style="position: absolute; left: 860px; width: 340px; bottom: 0px; top: auto;">
        <div class="search">
            <form action="{{ url_for('webapp_bp.search') }}" method="get" name="search" target="_blank">
                <input name="keywords"  class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
                <input name="Submit" class="input_submit" value="搜索" type="submit">
            </form>
        </div>
        <section>
            <h2>站长推荐</h2>
            <ul class="news_part03">
                {% for foo in public.con_rec[:4] %}
                <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" title="{{ foo.title }}" target="_blank"><i><img src="{{ foo.imgUrl }}" alt="{{ foo.title }}"></i>
                    <p>{{ foo.title[:28] }}</p></a></li>
                {% endfor %}
            </ul>
        </section>
        <section>
            <h2>热门点击</h2>
            <ul class="news_part06">
                {% for foo in public.click_doc[:10] %}
                <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" title="{{ foo.title }}" target="_blank">{{ foo.title[:18] }}{% if foo.title|length>18 %}...{% endif %}</a></li>
                {% endfor %}
            </ul>
        </section>
        <section>
            <h2>猜你喜欢</h2>
            <ul class="news_part05">
                {% for foo in public.ran_doc[:9] %}
                <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" title="{{ foo.title }}" target="_blank"><i><img src="{{ foo.imgUrl }}" alt="{{ foo.title }}"></i>
                    <p>{{ foo.title[:8] }}{% if foo.title|length>8 %}...{% endif %}</p>
                </a></li>
                {% endfor %}
            </ul>
        </section>
        {% block links %}{% endblock %}
        <section>
            <ul class="copyright">
                <li>版权所有：<a href="javascript:;" target="_blank">{{ public.system.web_info_copyright }}</a></li>
                <li>技术支持：<a href="http://www.tlcms.net/" target="_blank">{{ public.system.web_company }}</a></li>
                <li><a href="{{ url_for('webapp_bp.sitemap') }}" target="_blank">XML网站地图</a></li>
                <li>备案号：<a href="http://www.beian.miit.gov.cn/" target="_blank">{{ public.system.web_record }}</a></li>
            {% if public.system.web_gongan|length>5 %}
            <li><img src="{{ 'img/an_1.png'|tl_static }}">公安备案号 {{ public.system.web_gongan }}</li>
            {% endif %}
                {% if public.system.web_contact_qq %}<li>站长QQ： {{ public.system.web_contact_qq }}</li>{% endif %}
                {% if public.system.web_contact_email %}<li>站长邮箱： {{ public.system.web_contact_email }}</li>{% endif %}
                <li>{{ public.system.web_stat|safe }}</li>
            </ul>
        </section>
    </aside>
    <div style="height: 1825px; left: auto; right: auto; top: auto; bottom: auto; position: static; display: block; vertical-align: baseline; box-sizing: content-box; margin: 0px; padding-left: 0px; padding-right: 0px; float: right; width: 340px;"></div>
</article>
<a href="javascript:;" onclick="document.body.scrollTop=document.documentElement.scrollTop=0;$('.box_r').css('position','')" title="返回顶部" class="icon-top"></a>
</body>
</html>
